// -------------main items--info
// 获取主体数据
$.get("./cityWalkList.json",function(res){
	cityWalk(res);
})
// 焦点事件--点击搜索框变色
$(".headinp").focus(function(){
	$(".headinp").css("border","1px solid #35CF9E");
});
// 离焦
$(".headinp").on("blur",function(){
	$(".headinp").css("border","none");
});

// 主体数据--创建主体列表
function cityWalk(data){
	$.each(data,function(m,n){
		var Div = $("<div/>").addClass("main-items").appendTo($(".main"));
		$('<a href="" class="main-a"/>').append($("<img/>").addClass("main-img").attr('src',n.imgurl)).appendTo(Div);
		var littlediv = $('<div/>').append($('<p class="info-p"/>').html(n.address)).addClass("right-info").appendTo(Div);
		$('<div class="imfonum"/>').append($('<span class="imfo-span-num1"/>').html(n.browseCount)).append($('<p class="num1"/>').html("次浏览")).append($('<span class="imfo-span-num2"/>').html(n.soldCount)).append($('<p class="num2"/>').html("件已售")).appendTo(littlediv);
		$('<h2 class="info-h2"/>').html(n.title).appendTo(littlediv);
		$('<ul class="info-ul"/>').appendTo(littlediv);
		$.each(n.introduce,function(o,p){
			// 遍历ul里li内容
			$('<li class="info-li"/>').html(p).appendTo($("ul:last"));
		});
		$('<div class="info-price"/>').append($('<span class="price-delete"/>').html(n.oldPrice + "元")).append($('<span class="prices"/>').html(n.newPrice)).append($('<span class="price-yuan"/>').html("元起")).appendTo(littlediv);
		$('<div class="info-reservation"/>').append($('<a href="" class="reservation"/>').html("立即预订")).appendTo(littlediv);
	});
	
	// 点击销量排序
	$(".sort2").on("click",function(){
		$(".sort2").css("color","#46C2A0");
		$(".sort1").css("color","#fff");
		var oDiv = $(".main-items");
		for (var i = 0; i < oDiv.length; i++) {
			for (var k = 0; k < oDiv.length-1-i; k++) {
				if ((oDiv.eq(k).find(".imfo-span-num2").html()*1)<(oDiv.eq(k+1).find(".imfo-span-num2").html()*1)) {
					var n = oDiv.eq(k).html();
					oDiv.eq(k).html(oDiv.eq(k+1).html());
					oDiv.eq(k+1).html(n);
				};
			};
		};
	})
}



$(".CW-footer").load("/foot");






















